<ion-view>
  <ion-header-bar class="bar bar-header header">
    <button ui-sref="tab.meIndex" class="button return-btn">返回</button>
    <h1 class="title" ng-click="backToTop()">我的酒窝</h1>
  </ion-header-bar>
  <ion-content class="gray-bg" has-bouncing="true">
    <ion-refresher
      pulling-text="下拉刷新..."
      on-refresh="doRefresh()"></ion-refresher>
    <div class="dimple-hd-pic">
      <div class="dimple-hd-bg">
        <div class="dimple-hd-user">
          <div class="dimple-hd-user-box" ng-click="go2OtherHome(member.member_id)">
            <img ng-src="{{picPath}}{{member.member_img_url}}" alt=""/>
            <i class="dimple-hd-user-icon"><img ng-src="{{picPath}}{{member.mr_img_url}}" alt=""/></i>
          </div>
          <div class="dimple-hd-user-tit" ng-bind="member.member_name"></div>
        </div>
      </div>
    </div>

    <div class="list card dimple-card-item" ng-repeat="item in homeList">
      <div class="item item-avatar">
        <button class="my-dimple-del-btn fr" type="button" on-touch="deleteHome($index)"></button>
        <div class="dimple-card-user-hd">
          <div class="dimple-card-user-hd-pic" ng-click="go2OtherHome(member.member_id)">
            <img ng-src="{{picPath}}{{member.member_img_url}}" alt=""/>
            <i class="dimple-card-user-hd-icon"><img ng-src="{{picPath}}{{member.mr_img_url}}" alt=""/></i>
          </div>
        </div>
        <h2 ng-bind="member.member_name"></h2>

        <p style="font-size:11px">{{item.mh_create_time}}</p>
      </div>
      <div class="item item-body dimple-card-content">
        <p ng-bind="item.mh_content"></p>

        <div class="dimple-card-photo-list" ng-if="item.picSrc.length>1">
          <div class="dimple-card-photo-item" ng-repeat="pic in item.picSrc">
            <a ng-click="showBigImage($parent.$index,$index)" class="dimple-card-photo-li-pic"><img ng-src="{{picPath}}{{pic.src}}" alt=""/></a>
          </div>
        </div>
        <div ng-if="item.picSrc.length==1" style="padding:5px 0">
          <img ng-src="{{picPath}}{{item.picSrc[0].src}}" ng-click="showBigImage($parent.$index,$index)" ng-style="{width:item.picSrc[0].w/item.picSrc[0].h>=5||item.picSrc[0].h/item.picSrc[0].w>=5?'20%':'50%'}"  alt=""/>
        </div>
        <div class="dimple-card-address" ng-bind="item.mh_location"></div>
      </div>
      <div class="item tabs dimple-card-tad">
        <div class=" tabs tabs-icon-only card-item-ctrl">
          <a class="tab-item" on-touch="showHomeShare(item.mh_id)" ng-show="isShareShow">
            <i class="icon card-share-icon"></i>
          </a>
          <a class="tab-item">
            <i class="icon card-collect-icon" ng-click="collectHome($index,item.mh_id)" ng-class="{'active':item.mchomeStatus}"></i>
          </a>
          <a class="tab-item">
            <i class="icon card-praise-icon" ng-click="likeHome($index,item.mh_id)" ng-class="{'active':item.lhomeStatus}">
            </i>
          </a>
          <a class="tab-item" ng-href="#/homeComment/{{item.mh_id}}">
            <i class="icon card-comment-icon"><em class="ctrl-nav-num" ng-bind="item.mh_comment_num"></em></i>
          </a>
        </div>
      </div>
    </div>
    <ion-infinite-scroll
      on-infinite="loadMore()" ng-if="hasNextPage()"
      distance="1%"></ion-infinite-scroll>
    </ion-content>
</ion-view>
